﻿<template>
  <div>
    <el-dialog title = "提示" :visible.sync = "isShow" width = "30%" :before-close = "handleClose" v-drag append-to-body>
      <span class = 'logout_dialog'>确定退出当前用户？</span>
      <span slot = "footer">
        <el-button type = 'info' @click = "$emit('giveUp')">取 消</el-button>
        <el-button type = "primary" @click = "$emit('sureLogout')">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ['isShow'],
  methods: {
    handleClose (done) {
      this.$emit('giveUp')
    }
  }
}
</script>

<style lang = "scss" scoped>
.logout_dialog{
  display: block;
  width: 100%;
  padding: 20px 5px;
  text-align: center;
  font-size: 16px;
  color: #000;
}
</style>
